<template>
	<view>
		<u-navbar title="我的订单" bgColor="#e0f3e9" autoBack placeholder></u-navbar>
		<view class="con" :style="{height: 'calc(100vh - 44px - 60rpx - '
			+$u.addUnit($u.sys().statusBarHeight + $u.sys().safeAreaInsets.bottom,'px')+')'}">
			<scroll-view scroll-y="true" style="height: 100%;">
				<view class="order" v-for="(item,index) in 2" :key="index">
					<view class="order__num">
						订单编号: pcc45454555
					</view>
					<view class="" style="padding-bottom: 37rpx;" v-for="(item1,index1) in 2" :key="index1">
						<view class="u-flex" style="margin-bottom: 34rpx;">
							<image src="/static/goods/o0.png" class="order__item__pic" mode="aspectFill"></image>
							<view class="" style="flex: 1;">
								<view class="order__item__name">
									正宗新里哈密几一个2斤装
								</view>
								<view class="order__item__price">
									16.3
								</view>
								<view class="u-flex u-flex-y-center u-flex-between">
									<view class="order__item__num">

									</view>
									<view class="order__item__allprice">
										￥12.9
									</view>
								</view>
							</view>
						</view>
						<view class="order__item__box">
							<u--textarea v-model="value1" placeholder="您的真实评价，可能正在帮助一位精心挑选的妈妈-"
								border='none' autoHeight></u--textarea>
							<image src="/static/goods/up.png" class="order__item__up" mode=""></image>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value1: '',
				listtab: [{
					name: '全部',
				}, {
					name: '待支付'
				}, {
					name: '拼单中'
				}, {
					name: '待收货'
				}, {
					name: '待评价'
				}],
				l: [],
				status: 0
			};
		},
		onLoad(o) {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #dff3e8;
	}

	.con {
		background-color: #f9f7f7;
		border-radius: 30rpx;
		padding: 30rpx;
	}

	.order {
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 36rpx 30rpx 0 20rpx;
		margin-bottom: 26rpx;

		&__num {
			font-family: PingFang;
			font-weight: 500;
			font-size: 25rpx;
			color: #727272;
			line-height: 25rpx;
			margin-bottom: 30rpx;
		}

		&__item {
			padding: 26rpx 0 26rpx 10rpx;
			border-bottom: 1rpx solid rgba(233, 234, 236, .79);

			&__pic {
				width: 139rpx;
				height: 140rpx;
				background: #0AA694;
				border-radius: 15rpx;
				margin-right: 24rpx;
			}

			&__name {
				font-family: PingFang;
				font-weight: bold;
				font-size: 32rpx;
				color: #181818;
				line-height: 56rpx;
			}

			&__price {
				font-family: PingFang;
				font-weight: bold;
				font-size: 36rpx;
				color: #181818;
				line-height: 30rpx;
				margin-bottom: 20rpx;
				margin-top: 6rpx;

				&::before {
					content: "￥";
					font-size: 30rpx;
				}
			}

			&__num {
				font-family: PingFang;
				font-weight: 500;
				font-size: 21rpx;
				color: #919191;
				line-height: 21rpx;
			}

			&__allprice {
				font-family: PingFang;
				font-weight: bold;
				font-size: 36rpx;
				color: #181818;
				line-height: 36rpx;
			}

			&__box {
				background: #F6F6F6;
				border-radius: 20rpx;
				padding: 20rpx;
			}
			&__up{
				width: 108rpx;
				height: 108rpx;
				background: #FFFFFF;
				border-radius: 15rpx;
				margin-top: 40rpx;
			}
		}
	}
	::v-deep.u-textarea{
		background-color: #F6F6F6!important;
		padding:13rpx 0!important;
		font-size: 24rpx!important;
	}
	::v-deep.uni-textarea-placeholder{
		font-size: 24rpx!important;
		color: #929292!important;
	}
</style>